<template>
    <div class="block-panel">
        <p>{{title}}</p>
        <div class="block-content">
            <slot>

            </slot>
        </div>
    </div>
</template>
<script>
    export default {
        name: "BlockPanel",
        props: ["title"]
    }
</script>
<style lang="scss" scoped>
    .block-panel {
        width: 100%;
        margin: 0 auto;
        >p {
            font-size: 16px;
            font-weight: 600;
            padding: 10px 0;
            padding-left: 10px;
            background: #f5f4f4;
        }
      .block-content{
        padding-top: 10px;
        padding-bottom: 10px;
      }
    }

</style>
